<!--
	@create by 
	@update by 
	@description 
-->
<div>
    <el-form-q ref="queryform" :field-data="queryFields" :buttons="queryButtons"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <!--<el-button icon="plus" @click="open">处理</el-button>
            <el-button icon="plus" @click="claim">任务认领</el-button>
            <el-button icon="plus" @click="changeCliam">调单</el-button>-->
            <el-button icon="plus" @click="open" v-if="checkPermission('deal')">处理</el-button>
            <el-button icon="plus" @click="claim" v-if="checkPermission('taskGet')">任务认领</el-button>
            <el-button icon="plus" @click="changeCliam" v-if="checkPermission('change')">调单</el-button>

        </el-button-group>
    </div>
    <el-table-x ref="reftable" :row-index="true" :radiobox="false" :default-load="defaultLoad"
                :data-url="dataUrl" :table-columns="tableColumns" :request-type="'POST'"></el-table-x>

    <el-dialog title="待办事项" :visible.sync="visible" size="full">
        <el-collapse v-model="activeName">
            <el-collapse-item v-for="(pagePlugin, index) in vos" :name="pagePlugin.bizPluginId">
                <template slot="title">
                    {{pagePlugin.taskName}}
                </template>
                <div :id="pagePlugin.bizPluginId"></div>
            </el-collapse-item>

            <el-collapse-item title="历史审批信息" name="3">
                <el-table-x ref="aprvHistoryTable" :row-index="true" :data-url="aprvHisUrl" :base-params="aprvHisParam"
                            :table-columns="ApHisTableColumns" :request-type="'POST'"></el-table-x>
            </el-collapse-item>

        </el-collapse>

        <div style="text-align: center; margin-top: 10px;">
            <el-button icon="yx-switch" type="info" @click="close">关闭</el-button>
            <el-button icon="yx-enter" type="primary" @click="submit" :loading="submitLoading">提交</el-button>
        </div>
    </el-dialog>
    <el-dialog-x title="调单" :visible.sync="dialogVisible" size="full">
        <el-form-q ref="queryformCliam" :field-data="queryChangeCliamFields" :buttons="queryChangeCliamButtons"></el-form-q>
        <el-table-x ref="changeCliamTable" :row-index="true" :radiobox="true" :base-params="changeCliamParams"
                    :data-url="dataUrlCC" :table-columns="changeCliamColumns"
                    :request-type="'POST'" style="padding: 12px 12px 0px 12px">
        </el-table-x>
        <div class="yu-grpButton">
            <el-button type="primary" @click="confirmDataFn" icon="check">确定</el-button>
            <el-button type="primary" @click="concancelFn" icon="yx-undo2">返回</el-button>
        </div>
    </el-dialog-x>
</div>
